<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<BASE href="http://localhost/tuidoc/" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
	<link type="text/css" rel="stylesheet" href="public/bootstrap/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="public/exts/css/select2.css" />
<link type="text/css" rel="stylesheet" href="public/exts/css/select2-overwrite.css" />
	<script src="public/exts/js/jquery.js"></script>
    	<script type="text/javascript" src="public/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="public/exts/js/select2.min.js"></script>

<script>
$(document).ready(function(){

	
	
				$('#menu-search-box').select2({ 
					width:'230px',
					minimumInputLength: 1,
						ajax: { 
						 quietMillis: 1000,
						url: "index.php?module=ajax&act=manga&opt=search&manga_search_home", 
						dataType: 'json', 
								data: function (term, page){ 
									return {q: term }; 
									}, 
									results: function (data, page) {
										
										return { results: data }; 
										
									}
						}
				
				}); 
				
		
})
</script>
</head>

<body>
<div class="navbar navbar-inverse navbar-static-top" role="navigation">

    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" rel="home" href="/" title="Aahan Krish's Blog - Homepage">ITSMEEE</a>
    </div>

    <div class="collapse navbar-collapse navbar-ex1-collapse">

        <ul class="nav navbar-nav">
            <li><a href="/topic/notes/">/notes</a></li>
            <li><a href="/topic/dev/">/dev</a></li>
            <li><a href="/topic/good-reads/">/good-reads</a></li>
            <li><a href="/topic/art/">/art</a></li>
            <li><a href="/topic/bookmarks/">/bookmarks</a></li>
            <li><a href="/all-topics/">/all</a></li>
        </ul>

        <div class="col-sm-3 col-md-3 pull-right">
        <form class="navbar-form" role="search">
     	 <div class="input-group select2-bootstrap-prepend" style='width:100%'>
						<div class="input-group-btn">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
								Tên Truyện <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</div>
					<input id="menu-search-box" type="text" class="form-control">
					</div>
        </form>
        </div>

    </div>
</div>

	<div class="row">
				<div class="col-md-7">
					<label for="select2-button-addons-single-input-group" class="control-label">Select2 custom data load</label>
					<div class="input-group select2-bootstrap-prepend">
						<div class="input-group-btn">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
								Action <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</div>
					<input id="menu-search-box" type="text" class="form-control">
					</div>
				</div>
     </div>

</body>
</html>
